<!doctype html>
<html lang="">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta name="format-detection" content="telephone=no" />
    <title>黑色星期五</title>
    <link rel="dns-prefetch" href="//static.matouapp.ymatou.com">
    <link rel="dns-prefetch" href="//static.jyh.ymatou.com">
    <link rel="dns-prefetch" href="//jyh.ymatou.com">
    <link rel="dns-prefetch" href="//item.app.ymatou.com">
    <link rel="dns-prefetch" href="//staticwap.ymatou.com">
    <link rel="shortcut icon" type="image/x-icon" href="http://staticontent.ymatou.com/ymtapp/matouapp.ico" />
    <script data-js-path="redraw.js">
     !(function(relWinth,relFontSize){var ua=navigator.userAgent,isIos=/iphone|ipad|ipod/i.test(ua),isMobile=/Mobile/i.test(ua);var meta=document.querySelector("[name=viewport]")||(function(){var _meta=document.createElement("meta");_meta.name="viewport"})(),content=meta.content||"",matchScale=content.match(/initial\-scale=([\d\.]+)/),matchWidth=content.match(/width=([\d\.]+)/),dpr=isIos?window.devicePixelRatio?Math.min(window.devicePixelRatio,3):1:1,docEl=document.documentElement,maxWidth=dpr*(docEl.dataset.mw||750),scale=1/dpr,tid;relWinth=relWinth||320;relFontSize=relFontSize||16;if(meta){if(matchScale){content=content.replace(/initial\-scale=([\d\.]+)/,"initial-scale="+scale).replace(/minimum\-scale=([\d\.]+)/,"minimum-scale="+scale).replace(/maximum\-scale=([\d\.]+)/,"maximum-scale="+scale)}else{content+=",initial-scale="+scale}meta.content=content}else{meta=doc.createElement("meta");meta.name="viewport";meta.content=content;docEl.firstElementChild.appendChild(meta)}var redraw=function(){var width=docEl.getBoundingClientRect().width;var fz=Math.min(width,maxWidth)/relWinth*relFontSize;docEl.style.fontSize=fz+"px"};if(isMobile){window.addEventListener("resize",function(){clearTimeout(tid);tid=setTimeout(redraw,300)},false);redraw()}else{docEl.style.fontSize="16px"}})(375,16);
    </script>
    <!-- build:css /styles/black_five/shlist.css-->
    <link rel="stylesheet" type="text/css" href="/styles/black_five/shlist.css">
    <!-- endbuild-->
  </head>
  <body>
    <script  id="list-tpl" type="text/template">
        <% for(var i =0,len=Products.length;i<len;i++){ %>
            <div class="bf-item">
                <div class="sh-list-item J-open-C-Product" data-productId="<%=Products[i].ProductId%>" data-logo="<%=Products[i].Logo%>" data-seller="<%=Products[i].Seller%>" data-sellerId="<%=Products[i].SellerId%>" >
                    <div class="pic bg__full load-hold img-hold" lazy-load-background="<%= Products[i].PicUrl %>"></div>
                    <div class="info">
                       <h4><%=Products[i].Name%></h4>
                        <div>
                            <span class="national-flag" lazy-load-background="<%=Products[i].Flag%>"></span><%=Products[i].CountryName%>
                        </div>
                        <div  class="price">
                            &yen;<%-: Products[i].Price | pirceRegion%>
                        </div>
                    </div>
                </div>
            </div>
        <% } %>
    </script>
      <section class="bf-container">
          <div class="sh-list-banner J-open" data-url="http://sq0.ymatou.com/forBuyerApp/discover/detail?topic=837" ng-click=";"></div>
          <div class="sh-tab">
              <div class="sh-tab-hd">
                  <div class="sh-tab-hd-wrapper">
                      <div class="sh-tab-line"></div>
                      <ul>
                          <li class="active" data-area-code="1">
                              <span>美国买手</span>
                          </li>
                          <li data-area-code="2">
                              <span>澳新买手</span>
                          </li>
                          <li data-area-code="3">
                              <span>日韩买手</span>
                          </li>
                          <li data-area-code="4">
                              <span>欧洲买手</span>
                          </li>
                      </ul>
                  </div>

              </div>
              <div class="sh-tab-bd">
                <div class=" sh-list-wrapper">
                    <div class="sh-tab-bd-item bf-list bf-item_2col active" id="area_1"></div>
                    <div class="sh-tab-bd-item bf-list bf-item_2col" id="area_2"></div>
                    <div class="sh-tab-bd-item bf-list bf-item_2col" id="area_3"></div>
                    <div class="sh-tab-bd-item bf-list bf-item_2col" id="area_4">
                    </div>
                </div>
                <div class="beat-loading"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div>
              </div>
          </div>
      </section>

      <!-- build:js /scripts/zepto,ejs,swiper,imgLazyLoad.js -->
      <script type="text/javascript" src="/scripts/commons/zepto,ejs.js"></script>
      <script type="text/javascript" src="/scripts/commons/swiper.3.1.2.js"></script>
      <script type="text/javascript" src="/scripts/commons/fastclick.js"></script>
      <script type="text/javascript" src="/scripts/commons/imgLazyLoad.js"></script>
      <!-- endbuild -->
      <script type="text/javascript" src="http://static.matouapp.ymatou.com/js/ymtApi.2015101901.js?wxAutoInit=1"></script>
      <!-- build:js /scripts/black_five/shlist.js -->
      <script src="/scripts/black_five/shlist.js"></script>
      <!-- endbuild -->
  </body>
  </html>
